<template>
  <ve-bar :data="chartData" :extend="extend" :settings="chartSettings"></ve-bar>
</template>

<script>
import {
  mapActions,
  mapGetters
} from 'vuex'

export default {
  props: ['userId'],
  data () {
    this.chartSettings = {
      opacity: 0.7
    }
    this.extend = {
      series: {
        label: { show: true, position: 'right' },
        itemStyle: { color: '#5AB1EF', opacity: 0.7 }
      }
    }
    return {
      chartData: {
        columns: ['九型人格', '得分'],
        rows: [
          { 九型人格: '1号 完美型', 得分: 0 },
          { 九型人格: '2号 助人型', 得分: 0 },
          { 九型人格: '3号 成就型', 得分: 0 },
          { 九型人格: '4号 艺术型', 得分: 0 },
          { 九型人格: '5号 理智型', 得分: 0 },
          { 九型人格: '6号 疑惑型', 得分: 0 },
          { 九型人格: '7号 活跃型', 得分: 0 },
          { 九型人格: '8号 领袖型', 得分: 0 },
          { 九型人格: '9号 和平型', 得分: 0 }
        ]
      }
    }
  },
  computed: {
    ...mapGetters([
      'userInfo'
    ])
  },
  created () {
    this.selectproresult()
  },
  methods: {
    ...mapActions([
      'selectProresult'
    ]),
    selectproresult () {
      const params = {
        user_Id: this.userId,
        questionType_Id: 2
      }
      this.selectProresult(params)
        .then((data) => {
          //   console.log(data.data[0])
          this.chartData.rows[0].得分 = JSON.parse(data.data[0].countScore).A
          this.chartData.rows[1].得分 = JSON.parse(data.data[0].countScore).B
          this.chartData.rows[2].得分 = JSON.parse(data.data[0].countScore).C
          this.chartData.rows[3].得分 = JSON.parse(data.data[0].countScore).D
          this.chartData.rows[4].得分 = JSON.parse(data.data[0].countScore).E
          this.chartData.rows[5].得分 = JSON.parse(data.data[0].countScore).F
          this.chartData.rows[6].得分 = JSON.parse(data.data[0].countScore).G
          this.chartData.rows[7].得分 = JSON.parse(data.data[0].countScore).H
          this.chartData.rows[8].得分 = JSON.parse(data.data[0].countScore).I
          this.$emit('resultStrengthJx', data.data[0].resultStrength)
        })
    }
  }
}
</script>
